<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>胖糖游戏首页</title>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script>
			function game(){
				location.href="gameList.html";
			}
		</script>
	</head>
	<body>
		<div class="wrap">
			<!--头部导航栏-->
			<header>
				<div class="h_logo">
					<img class="img" src="img/logo.png"/>
				</div>
				<div class="h_bottom">
					<i class="iconfont icon-weixing"></i>
				</div>
				<div class="h_bar clearfix">
					<div>
						<span>首页</span>
						<span>home</span>
					</div>
					<div onclick="game()">
						<span>游戏</span>
						<span>game</span>
					</div>
					<div>
						<span>案例</span>
						<span>Case</span>
					</div>
					<div>
						<span>关于我们</span>
						<span>About us</span>
					</div>
				</div>
			</header>
			<!--中间主要内容部分-->
			<section>
				<!--首页轮播图-->
				<div class="s_shuffling">
					<img src="img/indeximg_03.jpg"/>
				</div>
				<!--游戏步骤-->
				<div class="s_step clearfix">
					<div class="step">
						<div>
							<img class="img" src="img/step01.png"/>
						</div>
						<span>STEP ONE</span>
						<span>选择一个游戏，换图</span>
					</div>
					<div class="font"><i class="iconfont icon-doubleright"></i></div>
					<div class="step">
						<div>
							<img class="img" src="img/step02.png"/>
						</div>
						<span>THE SECOND STEP</span>
						<span>选择一个游戏，换图</span>
					</div>
					<div class="font"><i class="iconfont icon-doubleright"></i></div>
					<div class="step">
						<div class="thire">
							<img class="img" src="img/step03.png"/>
						</div>
						<span>THE THIRD STEP</span>
						<span>选择一个游戏，换图</span>
					</div>
				</div>
				<!--游戏列表-->
				<div class="s_gamelist">
					<!--狂转游戏-->
					<div class="game_trum">
						<div class="title clearfix">
							<div>
								<span>狂转游戏</span>
								<span>Turn </span>
								<span>mad game</span>
							</div>
							<p>潮流趣味游戏，引发全民G点，疯狂转发。<br />还不马上购买，植入你要传播的产品？</p>
						</div>
						<ul class="gameList clearfix">
							<li>
								<div class="list">
									<div class="list_t clearfix">
										<div>
											<span>剑圣传奇</span>
											<span>2014-07-09</span>
											<span>使用次数:20</span>
											<span>———</span>
										</div>
										<div>
											<input type="button" value="购买" />
											<i class="iconfont icon-iconshoucang"></i>
										</div>
									</div>
									<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
								</div>
							</li>
							<li>
								<div class="list">
									<div class="list_t">
										<div>
											<span>剑圣传奇</span>
											<span>2014-07-09</span>
											<span>使用次数:20</span>
											<span>———</span>
										</div>
										<div>
											<input type="button" value="购买" />
											<i class="iconfont icon-iconshoucang"></i>
										</div>
									</div>
									<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
								</div>
							</li>
							<li>
								<div class="list">
									<div class="list_t">
										<div>
											<span>剑圣传奇</span>
											<span>2014-07-09</span>
											<span>使用次数:20</span>
											<span>———</span>
										</div>
										<div>
											<input type="button" value="购买" />
											<i class="iconfont icon-iconshoucang"></i>
										</div>
									</div>
									<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
								</div>
							</li>
						</ul>
					</div>
					<!--抽奖游戏-->
					<div class="game_Lottery margin_top">
						<div class="title clearfix">
							<div>
								<span>抽奖游戏</span>
								<span>Lottery </span>
								<span>game</span>
							</div>
							<p>形式各样抽奖游戏,引发全民尖叫,惊喜不断。<br />还不马上购买，植入你要传播的产品？</p>
						</div>
						<ul class="gameList clearfix">
							<li>
								<div class="list">
									<div class="list_t clearfix">
										<div>
											<span>剑圣传奇</span>
											<span>2014-07-09</span>
											<span>使用次数:20</span>
											<span>———</span>
										</div>
										<div>
											<input type="button" value="购买" />
											<i class="iconfont icon-iconshoucang"></i>
										</div>
									</div>
									<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
								</div>
							</li>
							<li>
								<div class="list">
									<div class="list_t">
										<div>
											<span>剑圣传奇</span>
											<span>2014-07-09</span>
											<span>使用次数:20</span>
											<span>———</span>
										</div>
										<div>
											<input type="button" value="购买" />
											<i class="iconfont icon-iconshoucang"></i>
										</div>
									</div>
									<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
								</div>
							</li>
							<li>
								<div class="list">
									<div class="list_t">
										<div>
											<span>剑圣传奇</span>
											<span>2014-07-09</span>
											<span>使用次数:20</span>
											<span>———</span>
										</div>
										<div>
											<input type="button" value="购买" />
											<i class="iconfont icon-iconshoucang"></i>
										</div>
									</div>
									<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
								</div>
							</li>
						</ul>
					</div>
					<!--经典案例分享-->
					<div class="game_classic margin_top">
						<div class="title clearfix">
							<div>
								<span>经典案例分享</span>
								<span>Lottery </span>
								<span>game</span>
							</div>
							<p>大家对胖糖的信赖，<br />来源于其产品与需求巧妙结合的经典营销效果。</p>
						</div>
						<div class="plane martop_40 marRight">
							<div class="p_list">
								<div class="img_wrap">
									<img class="img" src="img/feiji01.jpg"/>	
								</div>
								<div>
									<span>24</span>
									<span>october</span>
								</div>
								<div><i class="iconfont icon-shoucang1"></i></div>
							</div>
							<div class="p_list">
								<span>南方航空</span>
								<span>飞行挑战赛</span>
								<span>2014年5月14日--5月27日</span>
								<span>扫码关注微信参加飞行挑战赛并抽奖即有机会赢取丰厚奖品</span>
							</div>
							<div class="p_list">
								<div>
								    <img class="img" src="img/feiji.jpg"/>
								</div>
								<div class="add">
									<i class="iconfont icon-add"></i>
							    </div>
							</div>
						</div>
						<div class="plane martop_40 marleft">
							<div class="p_list">
								<div class="img_wrap">
									<img class="img" src="img/feiji01.jpg"/>	
								</div>
								<div>
									<span>24</span>
									<span>october</span>
								</div>
								<div><i class="iconfont icon-shoucang1"></i></div>
							</div>
							<div class="p_list">
								<span>南方航空</span>
								<span>飞行挑战赛</span>
								<span>2014年5月14日--5月27日</span>
								<span>扫码关注微信参加飞行挑战赛并抽奖即有机会赢取丰厚奖品</span>
							</div>
							<div class="p_list">
								<div>
								    <img class="img" src="img/feiji.jpg"/>
								</div>
								<div class="add">
									<i class="iconfont icon-add"></i>
							    </div>
							</div>
						</div>
						<div class="plane martop marRight">
							<div class="p_list">
								<div class="img_wrap">
									<img class="img" src="img/feiji01.jpg"/>	
								</div>
								<div>
									<span>24</span>
									<span>october</span>
								</div>
								<div><i class="iconfont icon-shoucang1"></i></div>
							</div>
							<div class="p_list">
								<span>南方航空</span>
								<span>飞行挑战赛</span>
								<span>2014年5月14日--5月27日</span>
								<span>扫码关注微信参加飞行挑战赛并抽奖即有机会赢取丰厚奖品</span>
							</div>
							<div class="p_list">
								<div>
								    <img class="img" src="img/feiji.jpg"/>
								</div>
								<div class="add">
									<i class="iconfont icon-add"></i>
							    </div>
							</div>
						</div>
						<div class="plane clearfix  martop">
							<div class="p_list">
								<div class="img_wrap">
									<img class="img" src="img/feiji01.jpg"/>	
								</div>
								<div>
									<span>24</span>
									<span>october</span>
								</div>
								<div><i class="iconfont icon-shoucang1"></i></div>
							</div>
							<div class="p_list">
								<span>南方航空</span>
								<span>飞行挑战赛</span>
								<span>2014年5月14日--5月27日</span>
								<span>扫码关注微信参加飞行挑战赛并抽奖即有机会赢取丰厚奖品</span>
							</div>
							<div class="p_list">
								<div>
								    <img class="img" src="img/feiji.jpg"/>
								</div>
								<div class="add">
									<i class="iconfont icon-add"></i>
							    </div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--页尾公共部分-->
			<footer>
				<div class="f_left clear"><img src="img/footer01.png"/></div>
				<div class="f_right"><img src="img/footer02.png"/></div>
				<span>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</span>
			</footer>
		</div>
	</body>
</html>
